.ui-tile-selector-selector-wrap {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 2px 3px;
	min-height: 33px !important;
	background: #fff;
	border: 1px solid #c6cdd3;
	border-radius: var(--ui-tile-selector-selector-border-radius, var(--ui-border-radius-2xs, 2px));
	font: 13px/29px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

.ui-tile-selector-selector-wrap.readonly {
	padding: 2px 38px 2px 3px;;
	border: none;
	background: none;
}

.ui-tile-selector-input,
.ui-tile-selector-select-container,
.ui-tile-selector-selector-wrap .ui-tile-selector-item,
.ui-tile-selector-selector-wrap .ui-tile-selector-more {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 2px;
	height: 29px;
}

.ui-tile-selector-select-container {
	display: inline-flex;
	align-items: center;
}

.ui-tile-selector-item,
.ui-tile-selector-more {
	padding: 0 30px 0 13px;
	background-color: #bcedfc;
	color: #1066bb !important;
	border-radius: var(--ui-tile-selector-item-border-radius, var(--ui-border-radius-3xs));
}

.ui-tile-selector-selector-wrap .ui-tile-selector-item,
.ui-tile-selector-selector-wrap .ui-tile-selector-more {
	padding-right: 28px;
	z-index: 2;
	transition: .2s;
	font-weight: var(--ui-font-weight-bold);
	cursor: pointer;
	overflow: hidden;
}

.ui-tile-selector-input {
	min-width: 108px;
	padding: 0;
	border: none;
	outline: none;
	background: #fff;
	color: #555;
	font-size: 13px;
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

.ui-tile-selector-input::-webkit-contacts-auto-fill-button {
	visibility: hidden;
	display: none !important;
	pointer-events: none;
	position: absolute;
	right: 0;
}

.ui-tile-selector-select {
	position: relative;
	display: inline-block;
	margin: 0 7px 0 18px;
	vertical-align: middle;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	line-height: 17px;
	font-weight: var(--ui-font-weight-bold);
	color: #2067b0;
	transition: .1s;
	cursor: pointer;
}

.ui-tile-selector-select:before {
	content: '';
	display: inline-block;
	height: 8px;
	width: 8px;
	margin: 0 6px 0 -12px;
	background: url() no-repeat center;
}

.ui-tile-selector-select:hover {
	border-bottom-color: #2067b0;
}

.ui-tile-selector-add {
	position: absolute;
	top: 50%;
	right: 15px;
	display: inline-block;
	margin: 1px 0 0;
	border-bottom: 1px solid transparent;
	font: var(--ui-font-weight-bold) 13px/17px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #2067b0;
	vertical-align: top;
	transition: border-bottom-color .2s linear;
	transform: translate(0,-50%);
	cursor: pointer;
}

.ui-tile-selector-add:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -14px;
	height: 8px;
	width: 8px;
	background: url() no-repeat center;
}

.ui-tile-selector-add:after {
	content: '';
	position: absolute;
	top: 50%;
	left: -30px;
	width: 1px;
	height: 22px;
	background: rgba(130,139,149,.2);
	transform: translate(0,-50%);
}

.ui-tile-selector-add:hover {
	border-bottom-color: #2067b0;
}

.ui-tile-selector-item-remove {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 25px;
	background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22%238AC4E6%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.073%203.657l2.12-2.12L5.778.12l-2.12%202.12L1.537.12.12%201.538l2.12%202.12-2.12%202.12%201.417%201.417%202.12-2.12%202.12%202.12%201.417-1.417-2.12-2.12z%22/%3E%3C/svg%3E') center no-repeat;
	opacity: .6;
	transition: .3s;
	cursor: pointer;
}

.ui-tile-selector-item-remove:hover {
	opacity: 1;
}

.ui-tile-selector-selector-wrap .ui-tile-selector-item.ui-tile-selector-item-readonly-yes {
	padding-right: 13px;
}
.ui-tile-selector-item-readonly-yes .ui-tile-selector-item-remove {
	display: none;
}

/*** SEARCHER ***/

.ui-tile-selector-searcher {
	padding: 9px 9px 0 9px;
}

.ui-tile-selector-searcher-title {
	display: block;
	margin: 0 0 7px 0;
	/*padding: 0 11px;*/
	font: 11px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #80868E;
}

.ui-tile-selector-searcher-inner {
	display: flex;
}

.ui-tile-selector-searcher-main {
	flex: 3;
	position: relative;
	max-width: 100%;
	height: 170px;
	background: rgba(238, 242, 245, .48);
	overflow: hidden;
}

.ui-tile-selector-searcher-content {
	padding: 14px 0 0 0;
	max-height: 170px;
	overflow-y: auto;
	box-sizing: border-box;
}

.ui-tile-selector-searcher-content-item {
	display: block;
	padding: 0 11px;
	margin: 0 16px 0 0;
	height: 34px;
	font: var(--ui-font-weight-bold) 13px/34px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #0063C6;
	transition: background .3s;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	cursor: pointer;
}

.ui-tile-selector-searcher-content-item:hover {
	background: rgba(168,173,180,.12);
}

.ui-tile-selector-searcher-content-item-selected {
	background: rgba(168,173,180,.32);
}

.ui-tile-selector-searcher-sidebar {
	flex: 1;
	padding: 0 0 0 16px;
	margin: 0 0 7px 0;
	border-left: 1px solid rgba(216,216,216,.38);
}

.ui-tile-selector-searcher-sidebar-item {
	display: block;
	height: 30px;
	font: 13px/29px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #80868e;
	padding: 0 5px;
	position: relative;
	margin: 0 3px 2px 0;
	background: #fff;
	border-color: transparent;
	border-radius: 2px;
	border-style: solid;
	border-width: 0 7px 0 10px;
	font-weight: normal;
	vertical-align: top;
	text-decoration: none;
	outline: none;
	white-space: nowrap;
	cursor: pointer;
}

.ui-tile-selector-searcher-sidebar-item:before,
.ui-tile-selector-searcher-sidebar-item:after {
	content: '';
	display: inline-block;
	height: 21px;
	vertical-align: top;
	width: 4px;
}

.ui-tile-selector-searcher-sidebar-item:before {
	margin-right: 5px;
}

.ui-tile-selector-searcher-sidebar-item:hover,
.ui-tile-selector-searcher-sidebar-item-selected {
	background: #eef2f5;
	background-clip: padding-box;
	border-image: url() 0 4 0 10 fill stretch;
	color: #535c69;
}

.ui-tile-selector-searcher-circular {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 125px;
	width: 125px;
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.ui-tile-selector-searcher-inner-path {
	stroke: rgba(215,220,223,.17);
	stroke-width: 1.5;
	stroke-dasharray: 200, 200;
	stroke-dashoffset: 0;
	stroke-linecap: round;
}

.ui-tile-selector-searcher-path {
	stroke: rgba(215,220,223,.74);
	stroke-width: 1.5;
	stroke-dasharray: 20, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}

.ui-tile-selector-selector-mask {
	z-index: 10000;
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,.5);
}
.ui-tile-selector-selector-mask-active {
	display: block;
}

.ui-tile-selector-selector-wrap .ui-tile-selector-selector .ui-tile-selector-more {
	background: #efefef;
	color: #808080;
	padding: 0 10px;
	cursor: pointer;
}

.adm-detail-content-table .ui-tile-selector-selector-wrap {
	max-width: 75%;
}

.ui-tile-selector-lock-icon {
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	background: url(images/lock.png) no-repeat center;
	cursor: pointer;
	height: 1em;
	margin: 7px 0 10px 0;
}